<template>
	<view class="flex-item-center m-b-30 u-border-bottom p-b-30">
		<image src="@/static/logo.png" mode=""></image>
		<view class="s-flex-direction">
			<view class="m-b-20">
				{{item.dept_name}}
			</view>
			<view class="flex-item-center font-22 m-t-10 m-b-10">
				<u-icon name="map-fill" color="#3b70e9" size="14"></u-icon>{{item.addr}}
			</view>
			<view class="tips flex-item-center">
				<!-- <view class="tips-item m-r-20 font-20" v-for="(item,index) in 2" :key="index">
					跛脚酸
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:{
				type:Object,
				default:()=>({})
			}
			
		},
	}
</script>

<style lang="scss" scoped>
	image{
		width: 120rpx;
		height: 120rpx;
		border-radius: 10rpx;
		margin-right: 30rpx;
	}
	.tips{
		&-item{
			padding: 4rpx 10rpx;
			border-radius: 40rpx;
			background: #f6f6f6;
			color: #ccc;
		}
	}
</style>